<!-- 收银台 -->
<template>
    <div class='navTop payment'>
          <van-nav-bar title="收银台" left-arrow fixed class="loginNav" @click-left="onClickLeft"/>

          <div class="subtotal">
            <h2>应付金额</h2>
            <span><em><i>积分</i>1000</em></span>
          </div>

          <div class="title">请选择支付方式</div>
          
          <div class="subtotal" style="margin-top:0">
            <h2><img src="@/static/icon/jfzf.png">积分支付</h2>
            <span><checkbox-group>
              <label>
                  <checkbox value="cb" checked="true" color="rgb(250,129,31)" style="transform:scale(0.8)" />
              </label>
          </checkbox-group></span>
          </div>

          <button class="payBtn" @tap="pay">立即支付</button>
    </div>
</template>

<script>
import uniNumberBox from "@/components/uni-number-box/uni-number-box.vue"
export default {
  components: {uniNumberBox},
  data() {
    return {};
  },
  mounted() {},
  methods: {
    onClickLeft() {
      uni.navigateBack();
    },
    numberChange(e){
        console.log(e)
    },
    onChange(e){
      console.log(e)
    },
    pay(){
      uni.navigateTo({
        url: "../personalCenter/order/order?active=2"
      });
    }
  },
}
</script>
<style lang='less' scoped>
.payment{
  background: #f5f5f5;
  min-height: 100vh;
}

.subtotal{
  margin-top: 25upx;
  background: #fff;
  width: 100%;
  height: 75upx;
  line-height: 75upx;
  padding: 0 25upx;
  h2{
      float: left;
      color: #424242;
      font-size: 32upx;
      font-weight: normal;
      padding: 0;
      img{
        width: 50upx;
        height: 50upx;
        vertical-align: middle;
        margin-right: 10upx;
      }
    }
  span{
    float: right;
    color: #424242;
    font-size: 26upx;
    
    em{
      color: #FF242E;
      font-style: normal;
      display: inline-block;
      font-size: 32upx;
      i{display: inline-block;font-size: 20upx;}
    }
  }
}



.title{line-height: 80upx;padding-left: 25upx;font-size: 26upx;color: #C5C5C5;}

.payBtn{
  background: rgb(255, 225, 66);
    width: 100%;
    height: 98upx;
    line-height: 98upx;
    color: #3c1e0d;
    font-size: 32upx;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-radius: 0;
}
</style>